/* STANDARD TAG REDEFINITIONS */
BODY{ color: White; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: Black; margin: 0; padding: 0; }
textarea{font-family:sans-serif;}
TD {font-size: 10pt;  }
p { font-size: 10pt;  margin-bottom: 7px; margin-top: 5px; }
a{ color: #76DEFC; text-decoration: none; }
a:hover{	text-decoration: underline;  color: White;   }
form{margin:0;}
h1{ margin: 0; padding: 40px 0 0 0; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White;  font-size: 20pt;  }
h2{ margin: 0; padding: 10px 0 10px 5px; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; letter-spacing: .005em; color: White; font-size: 15pt; }

.cell {position:absolute;display:none;cursor:default;
	width:35px;height:31px;border:0px solid white;text-align:center;
	font-family:sans-serif;font-size:20px;padding-top:4px;}
.hintcell {position:absolute;display:block;cursor:default; width:28px;height:28px;border:1px solid #AA6666;
	background-color:#9999AA;text-align:center;font-family:sans-serif;font-size:22px;color:white;padding:0;}
.hintcellhover{border:1px solid black;background-color:black;color:white;}
#hintmoveswrap{position:absolute;display:none; border:1px solid white;background-color:#999999;
	opacity:0.9;z-index:100;}



.rowhighlight {border:1px solid red;}
.hidden {display:none;}


#sudokutablewrap {position:absolute;left:320px;z-index:50;border:0px solid red;width:400px;height:400px;
	background:url("../images/sudokutable.png") no-repeat bottom right;}


#roominfo{background:url("../images/roominfo.png") top no-repeat;
	width:280px;padding-top:25px;margin-bottom:10px;}
#roominfotext{width:220px;margin-left:15px;border-bottom:0px solid #9a9aab;}
#roominfotext p{font-size:11px;}
#sidebarwrap {left:0px;z-index:200;border:0px solid black;width:280px;}
.player{background-color: none;}
.player, #playerhighlight{display:block;width:auto;cursor:pointer;padding:0;margin:0;}
#playerhighlight{position:absolute;display:none;width:auto;height:auto;background-color:#111111;}
#playerlist{overflow:visible;}


#hidden-area{position:relative;height:100px;border:0px solid blue;}

div.online, div.offline {overflow:visible;width:16px;height:16px;font-weight:bold;}
div.online{background:#66FF66;}
div.offline{background:#999999;}

#input{margin:0;padding-top:3px;padding-left:9px;
	width:22px;height:27px;font-size:20px;}
#inputwrap{position:absolute;left:0px;top:0px;border:1px solid yellow;
	width:35px;height:35px;display:none;z-index:99;}


#HEADER{	width:760px; margin-left:auto; margin-right:auto;}
#HEADER ul{ margin: 0; padding-left: 0; height: 44px; line-height: 44px; display: block; list-style: none; background-color: #4D4D4D; background-image: url(bg_topnav.gif); background-repeat: no-repeat;  }
#HEADER li{ display: inline; background-color: #222222;  float: right;  }
#HEADER li a{ height: 44px; line-height: 44px; display: block; padding-left: 27px; padding-right: 27px; border-left: 1px solid Black;  float: left;     }
#HEADER li a:hover{ background-color: #444444; text-decoration: none;}
#HEADER .Visual{ height:130px; background-image: url(../images/bg_visual.jpg);  background-repeat: no-repeat;  background-color: #4492C8;  border-top: 3px solid Black;   }

/* big tables. (e.g. leaderboard, gamerooms, etc) */
.bigtable, .smalltable, .gameroomtable {border-bottom: 0px solid #999999;margin-bottom:10px;margin-top:0;}
.smalltable{margin:20px;}
.smalltable td{padding:5px;vertical-align:top;}
.bigtable td {text-align:left;padding-left:5px;padding-right:5px;}
.gameroomtable td{text-align:left;padding:5px;}
.smalltable .tdkey {font-weight:bold;}

.bigtable .heading td {font-weight:bold;background:url("../images/tableheading.png") no-repeat right top;
	background-color:#111111;color:white;border:1px solid #161622;
	text-align:center;}
#leaderboardwrap{text-align:left;}
.marginauto{margin:0 auto;}

/*used in user profile page. */
td.status{padding-top:12px;}


#CONTENT{ width:760px; margin-left:auto; margin-right:auto;   }

.right {text-align:right;}
#SIGNIN{display:block; background-color:#666666; padding:0 10px 0 0; text-align:right; width:auto;margin-left:0;margin-right:0;height:20px;}

.submitMsg, .solved, .submitFailMsg{position:relative; padding:10px 10px 10px 10px;margin:5px;margin-bottom:20px;}
.solved {display:none;}
.submitMsg, .solved {border:1px solid #996600;}
.submitFailMsg{border:1px solid #990000;}


#TEXT{ position:relative; padding: 35px 25px 35px 25px;
	border-bottom: 1px solid #484848; border-top: 1px solid #484848; background-color: #222222; }
#TEXT p{ margin-bottom: 1em;}
#TEXT h1{ padding-top:0;}

#FOOTER{	width:760px; margin-top:27px; margin-left:auto; margin-right:auto;  border-top: 4px solid #363636;  text-align: right;  padding-top: 5px;   }
#FOOTER p{ font-size: 11px; line-height: 14px; margin: 0;  color: #DDDDDD; }
#FOOTER a{ font-size: 11px;	font-weight: normal;	text-decoration: none;  color: White;    }
#FOOTER a:hover{ color: white; text-decoration: underline; }

.center{text-align:center;}
